
// 登录界面和注册界面切换
$('#dljm a').on('click', function () {
    $('#zcjm').show().prev().hide()
})
$('#zcjm a').on('click', function () {
    $('#zcjm').hide().prev().show()
})

// 注册盒子
// 注册表单提交  阻止默认行为 收集数据 Ajax提交
$('#zcjm').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            // 提示
            layer.msg(res.message)
            // 清空输入框
            $('#zcjm')[0].reset()
            // 切换到登录的盒子
            $('#dljm').show().next().hide()
        }
    })
})
// 加载layui模块
let form = layui.form
// 使用form.verify()来自定义验证规则
form.verify({
    // 错(验证规则) 值(验证方法)
    len: [/^\S{6,12}$/, '密码6-12位切不能有空格'],
    //验证两次密码必须一zhi
    //验证方法是一个函数  注意 函数的形参表示使用改验证规则的输入框的值  
    //
    same: function (a) {
        // a表示输入的重复密码
        //获取密码的内容
        let pwd = $('.pwd').val()
        if (pwd != a) {
            return '两次密码不一致'
        }
    }
})
// ----------------------   登录功能  ----------------------
// 表单提交 -> 阻止默认行为 -> 收集表单数据（查询字符串） -> ajax提交
$('#dljm').on('submit', function (e) {
    e.preventDefault()
    //这里用serializa就可 没有上传文件
    let fd = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: fd,
        success: function (res) {
            if (res.status === 0) {
                //储存令牌
                localStorage.setItem('token', res.token)
                layer.msg(res.message, {
                    time: 500 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    //跳转页面
                    location.href = "./index.html"
                });
            }
        }
    })
})